Font Awesome-使用免費icon

引入Font Awesome

• 參考文章：建立boiler樣板-(下)引入Font Awesome

  使用icon

1. 在fontawesome的gaooery找到適合的icon
   

2. 將<i>整段複製到要使用的html檔中
   

3. 調整為不同尺寸(optional)

4. 調整為不同顏色(optional)

實作

<i class="fas fa-eye"></i>
<i class="fas fa-eye-slash"></i>
<i class="fas fa-thumbs-up fa-3x"></i>
<i class="fas fa-thumbs-down fa-3x"></i>
<i class="fab fa-gratipay fa-3x"></i>
<i class="fas fa-comment fa-3x"></i>
<i class="fab fa-youtube fa-5x"  style="color:#FF0000"></i>
<i class="fab fa-line fa-5x" style="color:#00c300"></i>
<i class="fab fa-facebook-square fa-5x" style="color:#3b5998"></i>
<i class="fab fa-facebook-messenger fa-5x" style="color:#0884F9"></i>
<i class="fab fa-instagram fa-5x" style="color:#BB2C8A"></i>